<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Pet Shop</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link href="../../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet" type="text/css" />
	<!--[if IE 6]>
		<link href="../../static/css/ie6.css" th:href="@{/css/ie6.css}" rel="stylesheet" type="text/css" />
	<![endif]-->
	<!--[if IE 7]>
        <link href="../../static/css/ie7.css" th:href="@{/css/ie7.css}" rel="stylesheet" type="text/css" />
	<![endif]-->
	<style>
		a{
			cursor: pointer;
		}
	</style>
</head>

<body>
			<div id="header">
	           		<img src="../../static/images/logo.gif" th:attr="src=@{/images/logo.gif}" width="310" height="114" alt="" title=""/>
					<ul class="navigation">
						<li class="active"><a href="/petIndex/">首页</a></li>
						<li><a href="/petMart/jumpToPetMart">宠物商店</a></li>
						<li><a href="/blog/">博客</a></li>
						<li><a href="otherHtml/blog.html">关于我们</a></li>
						<li><a href="otherHtml/petguide.html">向导</a></li>
						<li><a href="">后台登录</a></li>
					</ul>
			</div>
			
			<div id="body">
			
					<div class="banner">&nbsp;</div>
					
			       <div id="content">
				   
				        <div class="content">
								<ul	>
									<li th:each="indexTitle : ${IndexTitles}">
										<a href="#"><img src="../../static/images/puppy.jpg" th:attr="src=@{${indexTitle.images}}"  width="114" height="160" alt="Pet Shop" title="Pet Shop"/></a>
										<h2 th:text="${indexTitle.title}"></h2>
										<p th:text="${indexTitle.texts}"></p><a class="more" href="#"><span style="font-size: 1px">View all</span></a>
									</li>

								</ul>
						</div>
						
					    <div id="sidebar">
								<div class="search">
									<form action="/petMart/jumpToPetMart">
									<input type="text" name="msg2" value="Find" id="serchText"/><button>&nbsp;</button>
									<label for="articles"><input type="radio" id="articles" name="msg1" value="blog"/> 文章</label>
									<label for="products"><input type="radio" id="products" name="msg1" value="petPro" checked="checked"/> 宠物商品</label>
									</form>
								</div>
								
                                <div class="section"> 								
									<ul class="navigation">
										<li class="active" id="shop1"><a style="cursor: pointer">购物导购</a></li>
										<li id="shop2"><a style="cursor: pointer">折扣商品</a></li>
									</ul>
									
									<div class="aside">
										<!--商品导航-->
									 <div style="display: block" id="list1">
										<div>
											 <ul id="list11">
												 <li th:each="obj : ${pages}">
													 <a class="proType"><span th:text="${obj.proType}"></span></a> <a class="more">更多</a>
												</li>
											 </ul>
										</div>
									 </div>

										<!--打折商品-->
										<div style="display: none" id="list2">
											<div>
												<ul id="list22">

												</ul>
											</div>
										</div>

									</div>
								</div>
					    </div>
				   </div>
				   
				   <div class="featured">
				        <ul>
							<li><a href="index.html"><img src="../../static/images/organic-and-chemical-free.jpg" th:attr="src=@{/images/organic-and-chemical-free.jpg}" width="300" height="90" alt="Pet Shop" title="Pet Shop" /></a></li>
							<li><a href="index.html"><img src="../../static/images/good-food.jpg" th:attr="src=@{/images/good-food.jpg}" width="300" height="90" alt="Pet Shop" title="Pet Shop" /></a></li>
							<li class="last"><a href="index.html"><img src="../../static/images/pet-grooming.jpg" th:attr="src=@{/images/pet-grooming.jpg}" width="300" height="90" alt="Pet Shop" title="Pet Shop" /></a></li>
						</ul>
				        
				   </div>
			</div>
			
			<div id="footer">
			        <div class="section">
						<ul>
							<li>
								<img src="../../static/images/friendly-pets.jpg" th:attr="src=@{/images/friendly-pets.jpg}" width="240" height="186" alt="Pet Shop" title="Pet Shop"/>
								<h2><a href="index.html">Friendly Pets</a></h2>
								<p>
								   Lorem ipsum dolor sit amet, consectetuer adepiscing elit,  sed diam nonummy nib. <a class="more" href="index.html">Read More</a> 
								</p>
							</li>	
							<li>
								<img src="../../static/images/pet-lover2.jpg" th:attr="src=@{/images/pet-lover2.jpg}" width="240" height="186" alt="Pet Shop" title="Pet Shop"/>
								<h2><a href="index.html">How dangerous are they</a></h2>
								<p>
								   Lorem ipsum dolor sit amet, cons ectetuer adepis cing, sed diam euis. <a class="more" href="index.html">Read More</a> 
								</p>
							</li>	
							<li>
								<img src="../../static/images/healthy-dog.jpg" th:attr="src=@{/images/healthy-dog.jpg}" width="240" height="186" alt="Pet Shop" title="Pet Shop"/>
								<h2><a href="index.html">Keep them healthy</a></h2>
								<p>
								   Lorem ipsum dolor sit amet, consectetuer adepiscing elit,  sed diam nonu mmy. <a class="more" href="index.html">Read More</a> 
								</p>
							</li>	
							<li>
								
								<h2><a href="index.html">Love...love...love...pets</a></h2>
								<p>
								     Lorem ipsum dolor sit amet, consectetuer adepiscing elit,  sed diameusim. <a class="more" href="index.html">Read More</a> 
								</p>
								<img src="../../static/images/pet-lover.jpg" th:attr="src=@{/images/pet-lover.jpg}" width="240" height="186" alt="Pet Shop" title="Pet Shop"/>
							</li>	
						</ul>
					</div>
					<div id="footnote">
						<div class="section">
						   &copy; 2011 <a href="index.html">Petshop</a>. All rights reserved.&nbsp;<a href="http://www.cssmoban.com" title="????" target="_blank">????</a>
						</div>
					</div>
			</div>
</body>
<script type="text/javascript" src="../../static/js/jquery-3.3.1.min.js" th:src="@{/js/jquery-3.3.1.min.js}"></script>
<script type="text/javascript" src="../../static/js/vue.js" th:src="@{/js/vue.js}"></script>
<script type="text/javascript" src="../../static/js/sockjs.min.js" th:src="@{/js/sockjs.min.js}"></script>
<script type="text/javascript" src="../../static/js/stomp.min.js" th:src="@{/js/stomp.min.js}"></script>
<script type="text/javascript" src="../../static/js/index/index.js" th:src="@{/js/index/index.js}"></script>
</html>